<!DOCTYPE html>
<#assign basePath="">
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <title>购买商品</title>
    <#include "../links.ftl">
    <link rel="stylesheet" href="${basePath}/css/deal.css">
</head>
<body>

<!--导航-->
<#include "../header.ftl">
<div class="middle">
    <div class="con">
        <h1>感谢您对星际音乐盒的支持！</h1>
        <form action="/order/add" method="POST" id="form">
            <div class="info">
                <p>填写收货信息</p>
                <#if error??>
                    <div>
                        <p class="error">购买失败：${error}</p>
                    </div>
                </#if>
                <div>
                    <i>*</i>
                    <label>姓名</label>：
                    <input id="userName" name="userName" maxlength="10">
                </div>
                <div>
                    <i>*</i>
                    <label>手机号</label>：
                    <input id="phone" name="phone" maxlength="11" minlength="11" type="number">
                </div>
                <div>
                    <i>*</i>
                    <label>F码</label>：
                    <input id="code" name="fCode">
                </div>

                <div>
                    <i>*</i>
                    <label>地址</label>：

                    <span id="distpicker5">
                        <select id="province10" name="province"></select>
                        <select id="city10" name="city"></select>
                        <select id="district10" name="district"></select>
                    </span>
                    <div class="other">
                        <input id="address" name="address" maxlength="100" placeholder="详细地址">
                    </div>
                </div>
                <div>
                    <div class="item">
                        <div class="main">
                            <img class="img" src="${basePath}/img/icon/item.png">
                            <div class="con">
                                <div>
                                    <label>产品名称：</label>
                                    <span>星际音乐盒</span>
                                </div>
                                <div>
                                    <label>价格：</label>
                                    <span>￥399.00</span>
                                </div>
                                <div>
                                    <label>数量：</label>
                                    <span>1</span>
                                </div>
                            </div>
                        </div>
                        <p>颜色随机发，如有特殊要求请在备注中严加颜色即可</p>
                    </div>
                </div>
                <p>支付方式</p>
                <div class="pay">
                    <div>
                        <div class="name"><label>支付宝</label>：<span class="red">（推荐）</span></div>
                        <div class="pay_info">
                            <p>支付宝账号：615896532@qq.com</p>
                            <img src="${basePath}/img/icon/alipay.png">
                            <p>请你在转账备注中填写<span class="red">姓名</span>和<span class="red">手机号</span>如：张三 18728684650</p>
                        </div>
                    </div>
                    <div>
                        <div class="name"><label>微信</label>：</div>
                        <div class="pay_info">
                            <img src="${basePath}/img/icon/wechatpay.png">
                            <p>请你在转账备注中填写<span class="red">姓名</span>和<span class="red">收货地址</span>如：张三 成都</p>
                        </div>
                    </div>
                    <div>
                        <div class="name"><label>银行账户</label>：</div>
                        <div class="pay_info">
                            <div>
                                <label>开户名</label>：
                                <span>李巧娥</span>
                            </div>
                            <div>
                                <label>开户行</label>：
                                <span>山东省潍坊潍城支行北月河分理处</span>
                            </div>
                            <div>
                                <label>账号</label>：
                                <span>621 2261 6070 0174 8392</span>
                            </div>
                        </div>
                    </div>
                    <p class="red">备注：所有的订单提交且支付成功后，官方会统一在次日早上10点短信通知</p>
                </div>

            </div>
        </form>
        <div class="submit">
            <button id="orderToPay">提交</button>
        </div>
    </div>
</div>
<script src="${basePath}/js/distpicker.data.js"></script>
<script src="${basePath}/js/distpicker.js"></script>
<script src="${basePath}/js/deal.js"></script>
</body>
</html>